widgets.brease.BarChart

Widget Description

short: Container für BarChartItems
de: Ein BarChart ist ein Chart welcher Daten mithilfe von Rechtecken, in Abhängigkeit ihres Wertes repräsentiert
en: A BarChart is a chart which represents data with rectangular bars, which lengths are propertional to the values they represent

Properties

name description category type defaultValue bindable readOnly required localizable editableBinding projectable cssProp (has no setter and getter in JS) groupRefId groupOrder nodeRefId (for linking node and value) deprecated typeRefId (for StyleReference) subtype (for MpComIdentReference)
barPadding space between 2 Bars Appearance Integer 5 false false false false false true
barWidth Defines the BarWidth if childPositioning = 'absolute' Appearance PixelVal 30px false false false false false true
chartMargin Defines margins between the chart area and the external border of the widget Appearance PixelValCollection 30px 30px 0px 0px false false false false false true
childPositioning Defines if the Children should be positioned relative or absolute Behavior brease.enum.ChildPositioning relative false false false false false true
enable Initial option to enable widget. Behavior Boolean true true false false false false true
format NumberFormat for every measurement system. Appearance brease.config.MeasurementSystemFormat {'metric':{ 'decimalPlaces' : 0, 'minimumIntegerDigits' : 1 }, 'imperial' :{ 'decimalPlaces' : 0, 'minimumIntegerDigits' : 1 }, 'imperial-us' :{ 'decimalPlaces' : 0, 'minimumIntegerDigits' : 1 }} true false false false false true
orientation Orientation of the Widget Currently supported orientations are only BottomToTop and LeftToRight. TopToBottom and RightToLeft are reserved for later usage Appearance brease.enum.Orientation BottomToTop false false false false false true
permissionOperate restricts operability to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
permissionView restricts visibility to users, which have given roles Accessibility RoleCollection no defaultValue
defined		 false false false false false true
showUnit When true the UnitSymbol for the selected unit is shown on the Y-Axis Behavior Boolean false false false false false false true
showValue When true BarChart is displaying the actual Value of each Bar Behavior Boolean true false false false false false true
style reference to a style for this widget type Appearance StyleReference default true false false false false true
tabIndex sets if a widget should have autofocus enabled (0), the order of the focus (>0), or if autofocus should be disabled (-1) Behavior Integer -1 false false false false false true
tickLabelXRotation Defines the rotation of the Texts on XAxis. Appearance Rotation 0deg false false false false false true
tickLabelYRotation Defines the rotation of the Texts on YAxis. Appearance Rotation 0deg false false false false false true
tooltip reference to a tooltip for a widget Appearance String false false false true false true
transitionTime Defines the time (in ms) used for a transition when the value of a Bar changes. Behavior UInteger 0 false false false false false true
unit unit code for every measurement system Appearance brease.config.MeasurementSystemUnit true false false false false true
visible change visibility Behavior Boolean true true false false false false true
xAxisHeight Height of the xAxis Appearance Integer 40 false false false false false true
yAxisWidth Width of the yAxis Appearance Integer 40 false false false false false true
zIndex The zIndex property specifies the z-order of a widget and its childs.
When widgets overlap, z-order determines which one covers the other. A widget with a larger zIndex generally covers a widget with a lower one.
The zIndex must be unique within a content.
 UInteger no defaultValue
defined		 false false true true true
left absolute position measured from left boundary of parent container Integer no defaultValue
defined		 false false false true true
top absolute position measured from top boundary of parent container Integer no defaultValue
defined		 false false false true true
height outer height of the widget Size 300 false false false true true
width outer width of the widget Size 300 false false false true true

Styleable Properties

name type description defaultValue
axisColor Color

Sets the color of the background. For further information, please check its type

 #000000
textColor Color

Sets the color of the text. For further information, please check its type

 #000000
fontSize PixelVal

Sets the size of the text. For further information, please check its type

 12px
fontName FontName

Sets the size of the text. For further information, please check its type

 Arial
bold Boolean

If true font style is bold

 false
gridColor Color

Sets the color of the gridLine. For further information, please check its type

 #cccccc
rotation Rotation

Rotation of widget.

 0deg
italic Boolean

If true font style is italic

 false
opacity Opacity

Opacity of the widget

 1
backColor Color

Sets the background color

 transparent
borderStyle BorderStyle

Sets the border style

 solid
borderWidth PixelValCollection

Sets the border width

 2px
borderColor Color

Sets the border color

 #000000
cornerRadius PixelValCollection

Sets the corner radius

 0px
margin Margin

Margin of the Widget

 0px

Events

name description arguments
Click Fired when element is clicked on.
  • origin: String

    id of widget that triggered this event

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

DisabledClick Fired when disabled element is clicked on.
  • origin: String

    id of widget that triggered this event

  • hasPermission: Boolean

    defines if the state is caused due to missing roles of the current user

  • horizontalPos: String

    horizontal position of click in pixel i.e '10px'

  • verticalPos: String

    vertical position of click in pixel i.e '10px'

EnableChanged Fired when operability of the widget changes.
  • value: Boolean

    operability

FocusIn Fired when the widgets gets focus
FocusOut Fired when the widgets lost focus
OnDragEnter Fired when element has onDragEnter.
  • contentId: String

    content id of the widget that has been entering the droppable widget

  • widgetId: String

    id of the widget that has been entering the droppable widget

OnDragLeave Fired when element has OnDragLeave.
  • contentId: String

    content id of the widget that has been leaving the droppable widget

  • widgetId: String

    id of the widget that has been leaving the droppable widget

OnDrop Fired when element has OnDrop.
  • contentId: String

    content id of the widget that has been dropped on the droppable widget

  • widgetId: String

    id of the widget that has been dropped on the droppable widget

VisibleChanged Fired when the visibility of the widget changes.
  • value: Boolean

    visibility

Actions

name description arguments result
Focus Sets focus on the widget element, if it can be focused and keyboardOperation=true
SetEnable Sets the state of property «enable»
  • value: Boolean

SetStyle
  • value: StyleReference

SetUnit Sets unit
  • unit: brease.config.MeasurementSystemUnit

SetVisible Sets the state of property «visible»
  • value: Boolean

ShowTooltip